import { defineConfig, loadEnv } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import UniKuRoot from '@uni-ku/root'
import postcsspxtorem from 'postcss-pxtorem'

// https://vitejs.dev/config/
// export default defineConfig({
//   plugins: [uni()],
//   base: './',
//   build: {
//     minify: 'terser',
//     terserOptions: {
//       compress: {
//         drop_console: true,
//       },
//     },
//   },
//   css: {
//     postcss: {
//       plugins: [
//         postcsspxtorem({
//           rootValue: 16,
//           propList: ['*'],
//         }),
//       ],
//     },
//     // preprocessorOptions: {
//     //   scss: {
//     //     api: 'modern-compiler',
//     //   },
//     // },
//   },
//   server: {
//     proxy: {
//       // 为开发服务器配置自定义代理规则
//       // 带选项写法：http://localhost:5173/api/posts -> http://jsonplaceholder.typicode.com/posts
//       '/api': {
//         target: 'https://ecmec.com.cn', // 目标接口
//         changeOrigin: true, // 是否换源
//         rewrite: (path) => path.replace(/^\/api/, ''),
//         // withCredentials: true,
//       },
//     },
//   },
// })

export default defineConfig(({ mode }) => {
  // 根据当前工作目录中的 `mode` 加载 .env 文件
  // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有
  // `VITE_` 前缀。
  const env = loadEnv(mode, process.cwd(), '')
  console.log('env', env.VITE_API_URL)
  return {
    plugins: [UniKuRoot(), uni()],
    base: './', // 设置打包路径
    build: {
      minify: 'terser',
      terserOptions: {
        compress: {
          drop_console: true, // 删除所有 console.log
        },
      },
    },
    css: {
      // preprocessorOptions: {
      //   scss: {
      //     additionalData: `@import "@/common/styles/common-style.scss";`,
      //   },
      // },
      postcss: {
        plugins: [
          postcsspxtorem({
            rootValue: 16,
            propList: ['*'],
            selectorBlackList: ['is-medium', 'wd-message-box'],
            // exclude: '/node_modules/wot-design-uni/components/wd-message-box/',
          }),
        ],
      },
    },
    server: {
      proxy: {
        // 为开发服务器配置自定义代理规则
        // 带选项写法：http://localhost:5173/api/posts -> http://jsonplaceholder.typicode.com/posts
        '/api': {
          target: 'https://ecmec.com.cn', // 目标接口
          changeOrigin: true, // 是否换源
          rewrite: (path) => path.replace(/^\/api/, ''),
          // withCredentials: true,
        },
      },
    },
  }
})
